/*
/*
Theme Name: Students For Change
Theme URI: none
Author: Kode Studios
Author URI: http://www.kodestudios.com
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Version: 1.0

Students For Change WordPress Theme, Copyright 2014 kodestudios.com
Students For Change is distributed under the terms of the GNU GPL


Colors:
D92531 - red
A249A7 - purple
01BDE0 - blue
8ED133 - green
F5D337 - yellow

*/





/* **************************************************************** */
/* 								Layout								*/
/* **************************************************************** */
body {
	font-family: 'Boogaloo', sans-serif;
	font-size: 20px;
	margin: 0;
}
h1 {
	font-size: 50px;
	font-family: Arvo, helvetica, sans-serif;
}
h2 {
	display: inline-block;
	font-family: Arvo, helvetica, sans-serif;
}
p {
	margin-bottom: 10px;
}
	p:last-child {
		margin-bottom: 0;
	}
a {
	text-decoration: none;
	color: #005D80;
}
a:hover { text-decoration: underline; }
.no-padding {
	padding: 0px;
	
}
.warp{ background-color:#FFF;}

.spacer {
	display: block;
	height: 20px;
	clear: both;
}

.hide {
	display: none;
}

.main { overflow: hidden; }
.content {
	padding: 20px 0;
}

/* grey */
.c0 { background: #aaa; }
	.c0:hover { background: #888; }
/* red */
.c1 { background: #D92531; }
	.c1:hover { background: #B90511; }
/* purple */
.c2 { background: #A249A7; }
	.c2:hover { background: #822987; }
/* blue */
.c3 { background: #01BDE0; }
	.c3:hover { background: #009DD0; }
/* green */
.c4 { background: #8ED133; }
	.c4:hover { background: #6EB113; }
/* yellow */
.c5 { background: #F5D337; }
	.c5:hover { background: #D5B317; }





/* **************************************************************** */
/* 								Header								*/
/* **************************************************************** */
header {
	background: #005D80;
	color: white;
	-moz-box-shadow:    0 0 5px 6px #555;
	-webkit-box-shadow: 0 0 5px 6px #555;
	box-shadow:         0 0 5px 6px #555;
}
#site-title {
	font-size: 40px;
	line-height: 40px;
	float: left;
	display: inline-block;
	padding: 20px 0;
	font-family: 'Rock Salt', helvetica, sans-serif;
}
#menu_wrap {
	float: right;
	font-family: Arvo, helvetica, sans-serif;
}
#menu_wrap .page_item {
	display: inline-block; 
	margin-left: 20px;
}
.page_item a {
	line-height: 80px;
	color: white;
	display: block;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	#menu_wrap { display: none; }
}








/* **************************************************************** */
/* 								Footer								*/
/* **************************************************************** */
footer {
	background: #222;
	color: #ddd;
}
#copyright {
	padding: 40px 0;
}
.copytext a {
	color: #ddd;
}
.author { float: right; }











/* ******************************************************************** */
/* 								Home Page								*/
/* ******************************************************************** */
#home-main {
	background-image: url(images/backgrounds/pattern-cooler-7-5-3.png);
	background-position: center top;
}
.feat_project {
	background: rgba(255, 255, 255, .8);
	padding: 20px;
}
.feat_project h2 {
	margin-bottom: 10px;
}
.feat_topic {
}
.feat_thumb {
	margin: 20px 0;
	width: 100%;
}
.feat_summary {
}

.topics-menu {
	font-family: Arvo, helvetica, sans-serif;
}
.topics-menu div {
	padding: 10px 20px;
	text-align: center;
	margin-bottom: 10px;
}
.topic:hover {
	cursor: pointer;
}
.topic {
	-moz-box-shadow:    0 0 4px 2px #888;
	-webkit-box-shadow: 0 0 4px 2px #888;
	box-shadow:         0 0 4px 2px #888;
}
.topic a {
	text-decoration: none;
	color: white;
}
.topics-menu span {
	font-size: .7em;
	display: block;
}


.callToTopics {
	margin-top: 187px;
	overflow: hidden;
}
.call-text {
	display: inline-block !important;
	float: left;
	width: 120px;
	text-align: right;
	text-shadow: 1px 1px 3px #aaa;
	
}
.arrow {
	border: 30px solid transparent;
	border-left-color: black;
	display: inline-block;
	float: right;
	margin: 22px -30px 22px 0;
}












/* **************************************************************************** */
/* 								All Projects Page								*/
/* **************************************************************************** */
#all-projects-main {
	background-image: url(images/backgrounds/pattern-cooler-9-0-1.png);
	background-position: center top;
}
#filter {
	margin-top: 10px;
}
.filter-item {
	text-align: center;
	padding: 10px 0;
}
.filter-item:hover {
	cursor: pointer;
}
.filter-item a { 
	color: white; 
}
.filter-item a:hover { 
	text-decoration: none;
}
.filter-item span {
	display: block;
	font-size: .8em;
}
.classes {
	margin: -44px 0 10px;
	overflow: hidden;
}
.class {
	float: right;
	display: inline-block;
	padding: 5px 10px;
	margin: 10px 10px 0 0px;
}
#grid {
	position: relative;
}
.project-item {
	padding: 10px;
	width: 25% !important;
	margin: 0 !important;
}
.project-item img {
	width: 100%;
}
.project-item .desc {
	background: rgba(255,255,255,.7);
	padding: 10px;
}









/* ******************************************************************** */
/* 								Game Page								*/
/* ******************************************************************** */
#game-main {
	background-image: url(images/backgrounds/pattern-cooler-10-0-0.png);
	background-position: center top;
}
.game_page_content {
	background:  rgba(255,255,255,.8);
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#game2048 {
	width: 500px;
	margin: 0 auto;
}








/* ******************************************************************** */
/* 								Post Pages								*/
/* ******************************************************************** */
#post-main {
	background-position: center top;
}
.post_content {
	background:  rgba(255,255,255,.8);
}
.post_title {
	padding: 10px 20px;
	text-align: center;
}
.post_team_summary {
	padding: 0 20px;
}
.post_team_pic {
	display: inline-block;
	float: left;
	width: 50%;
}
.post_summary {
	display: inline-block;
	float: left;
	width: 50%;
	padding-left: 20px;
}
.post_student_video, .post_expert_video {
	clear: both;
}
.post_student_video iframe, .post_expert_video iframe {
	margin: 0 auto;
	display: block;
}
.post_student_video p, .post_expert_video p {
	display: none;
}
.post_article {
	padding: 0 20px;	
}
.post_blog {
	padding: 20px;
	text-align: center;
	font-size: 1.3em;
}
.post_call_to_action {
	font-size: 35px;
	padding: 20px;
}

#post_quiz {
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}

.post_recent_posts {
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	overflow: hidden;
}
.post_recent_post img {
	display: block;
	margin: 0 auto;
}
.post_recent_post a {
	font-size: 1.1em;
	text-align: center;
}
.post_recent_post p {
	font-size: .9em;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	.post_page_content {
		width: 100% !important;
	}
	.post_page_content.alpha {
		margin-right: 0;
	}
	.post_page_sidebar {
		width: 100% !important;
	}
	.post_page_sidebar.omega {
		margin-left: 0;
	}
}



/** themes **/
/*
Colors:
D92531 - red
A249A7 - purple
01BDE0 - blue
8ED133 - green
F5D337 - yellow
*/
.post-main1 { background-image: url(images/backgrounds/pattern-cooler-18-0.jpg); }
.post-main1 .post_title, .post-main1 .post_call_to_action { 		background: #F5D337; }
.post-main1 .post_student_video, .post-main1 .post_expert_video { 	background: #01BDE0; }

.post-main2 { background-image: url(images/backgrounds/pattern-cooler-15-0.png); }
.post-main2 .post_title, .post-main2 .post_call_to_action { 		background: #8ED133; }
.post-main2 .post_student_video, .post-main2 .post_expert_video { 	background: #D92531; }

.post-main3 { background-image: url(images/backgrounds/pattern-cooler-19-1.png); }
.post-main3 .post_title, .post-main3 .post_call_to_action { 		background: #F5D337; }
.post-main3 .post_student_video, .post-main3 .post_expert_video { 	background: #A249A7; }

.post-main4 { background-image: url(images/backgrounds/pattern-cooler-3-0-1.png); }
.post-main4 .post_title, .post-main4 .post_call_to_action { 		background: #01BDE0; }
.post-main4 .post_student_video, .post-main4 .post_expert_video { 	background: #D92531; }

.post-main5 { background-image: url(images/backgrounds/pattern-cooler-14-0.jpg); }
.post-main5 .post_title, .post-main5 .post_call_to_action {			background: #8ED133; }
.post-main5 .post_student_video, .post-main5 .post_expert_video {	background: #A249A7; }



/* sidebar */
#sidebar {
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	overflow: hidden;
}
#sidebar_no_cookie {
	overflow: hidden;
}
#sidebar h1 {
	font-family: 'Rock Salt', helvetica, sans-serif;
	text-align: center;
	line-height: 1.6em;
	color: #5EA103;
}
#sidebar_no_cookie h3 {
	margin: 10px 0;
}
.input_text {
	width: 100%;
	padding: 5px 9px;
	border: 1px solid #888;
}
.submit_go {
	float: right;
	border: 0;
	padding: 7px 17px;
	margin-top: 10px;
	background: #5EA103;
	color: white;
	font-size: 15px;
}


#sidebar_progress {
	
}
#sidebar_progress h2 {
	color: #01ADD0;
}
.sidebar_progress_score {
	font-family: 'Rock Salt', helvetica, sans-serif;
	text-align: center;
	font-size: 50px;
	line-height: 2em;
}
.sidebar_progress_badges {
	overflow: hidden;
}
.badge_title {
	
}
.sidebar_badge {
	display: inline-block;
	float: left;
	width: 48%;
	margin-bottom: 10px;
}
	.sidebar_badge:nth-child(odd) { margin-right: 4%; clear: both; }
.sidebar_badge img {
	width: 70%;
	display: block;
	margin: 0 auto;
}
.sidebar_badge p {
	font-size: .8em;
	text-align: center;
}


#sidebar_leaderboard {
	margin-top: 20px;
}
#sidebar_leaderboard h2 {
	color: #923997;
}
.sidebar_leader_entry {
	border-bottom: 1px dotted #666;
	margin-bottom: 5px;
}
.sidebar_leaderboard_name, .sidebar_leaderboard_score {
	display: inline-block;
	font-size: 25px;
}
.sidebar_leaderboard_score { float: right; }


#sidebar_games {
	margin-top: 20px;
}
#sidebar_games h2 {
	color: #D92531;
}


@media only screen and (max-width: 959px) and (min-width: 768px) {
	#sidebar_no_cookie, #sidebar_progress, #sidebar_leaderboard {
		display: inline-block;
		width: 48%;
		float: left;
	}
	#sidebar_leaderboard { margin-top: 0; float: right; }
}









#form_post_message {
	background: #D92531;
	color: white;
}
#form_post_message_inner {
	padding: 20px 0 30px;
	text-align: center;
}

